<style>
    #accidentAlerts-detail #accidentAlertsTitleDiv > div{
        text-align: center;
        font-size: 32px;
        font-weight: bold;
    }
    #accidentAlerts-detail #accidentAlertsDateDiv,#accidentAlertsTypeDiv > div{
        font-size: 14px;
        text-align: center;
        color: #9e9e9e;
    }
</style>
<div class="febs-container" id="accidentAlerts-detail">
    <div class="febs-open-body">
        <div class="layui-row" style="width: 1200px;margin: auto;">
            <div class="layui-form-item" id="accidentAlertsTitleDiv" >
                <div class="layui-col-xs12" th:text="${accidentAlerts.alertsTitle}">
                </div>
            </div>
            <div class="layui-form-item" id="accidentAlertsDateDiv">
                <div class="layui-col-xs12" th:text="${#dates.format(accidentAlerts.publishDate,'yyyy-MM-dd')} +' 至 '+ ${#dates.format(accidentAlerts.deadlineDate,'yyyy-MM-dd')}">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-col-xs12" id="alertsContent" th:utext="${accidentAlerts.alertsContent}">

                </div>
            </div>
            <div class="layui-col-xs12"  id="showFiles" style="margin: 20px 0px;">
            </div>
        </div>
    </div>
</div>
<script data-th-inline="javascript">
    var accidentAlertsData = [[${accidentAlerts}]];
</script>
<script th:src="@{/febs/js/accidentAlerts/accidentAlertsDetail.js(v=1)}"></script>